<template>
<!-- 已审核列表 -->
  <div class="home">
      <headPortrait></headPortrait>
      <div class="main">
          <menuBar></menuBar>
          <div class="page">
              <router-view v-slot="{ Component }">
                <keep-alive exclude="">
                  <component :is="Component" />
                </keep-alive>
              </router-view>
          </div>
      </div>
  </div>
</template>
<script>
import { getCurrentInstance, onMounted, reactive,inject } from 'vue'
import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
import menuBar from '@/views/modules/admin/component/menuBar.vue'
import headPortrait from '@/views/modules/admin/component/headPortrait.vue'
const state = reactive({

  });
export default {
  name: 'adminIndex',
  components: {
    menuBar,
    headPortrait,
  },
  setup(props,{emit}) {
      const ctx = getCurrentInstance();
      const _this = ctx.appContext.config.globalProperties
      const router = useRouter();
      const store = useStore();
      const echarts = inject("ec");//引入

    onMounted(()=>{
        // getTypeArr()
        // getCount()
        // initEchart()

      });

      return{
        state,store,router,
      }
  },
  data () {
    return {
    }
  },
  props: {},
  watch: {},
  methods: {},
  computed: {},
  mounted () {
  },
}
</script>
<style lang="scss" scoped>
    @media screen and (max-width: 1000px) {
       .home{
         .main{
           display: flex;
           .page{
              width: 100% !important;
           }
         }
       }

    }


    .home{
      height: 100vh;
      .main{
        display: flex;
        height: calc( 100vh - 5.3125rem);
        // width: 100vw;
        .page{
           width: calc( 100vw - 15.9375rem );
           overflow-y: auto;
           background-color: #F5F7FC;
           box-shadow: 1px 1px 5px  #999 inset;
        }
      }


   }
</style>
